<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    nav {
        width: 960px;
        height: 40px;
        border: solid 1px black;
        text-align: center;
            /* 文本居中 */
        line-height: 40px;
        /* 后面属性值必须和高一样，行高 */
        margin: 0 auto;
        /* 整体居中 */
    }

    nav a {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 14px;
        font-family: 微软雅黑;
        color: #333;
        text-decoration: none;
        /* 去掉下划线 */


    }
</style>

<body>
    <nav>
        <a href="">首页</a><span>|</span>
        <a href="">网站建设</a><span>|</span>
        <a href="">程序开发</a><span>|</span>
        <a href="">网络营销</a><span>|</span>
        <a href="">企业VI</a><span>|</span>
        <a href="">案例展示</a><span>|</span>
        <a href="">联系我们</a>
    </nav>
</body>

</html>